﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Set Qusetions</title>
    <link rel="stylesheet" href="../t_css/t_setques.css" type="text/css" />
    <link rel="stylesheet" href="../t_css/t_common.css" type="text/css" />
    <link rel="stylesheet" href="../t_css/t_left_course.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../t_scripts/t_navi_common.js"></script>
    <script type="text/javascript" src="../t_scripts/t_setques.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#spare").click(function () {
                var spare_checked = $(this).attr("checked")
                if (spare_checked == "checked")
                    $("#begin_end").show();
                else
                    $("#begin_end").hide();
            });
            $(".set_submit").hover(function (e) {
                $("#navi1").animate({ color: '#75AF1C' }, { speed: 2000, queue: false });
            }, function () {
                $("#navi1").animate({ color: '#000000' }, { speed: 0, queue: false });
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform ( For Teacher )</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">Teacher1</a></div>
                <div class="userState_small"><a href="#">logout</a></div>
            </div>
        </div>
    </div>
    <div id="navi">
        <div class="navi_top">
            <ul class="all_navi">
            	<li id="navi1" class="each_navi navi1">Set Questions</li>
                <li id="navi2" class="each_navi navi2">Check Paper</li>
            </ul>
        </div>
        <div class="navi_bottom">
            <ul class="all_courses">
            	<li class="each_course course1">Principles of Database System</li>
                <li class="each_course course2">Data Mining</li>
                <li class="each_course course3">Artificial Intelligence</li>
            </ul>
        </div>
    </div>
</div>
<div id="content_exam"  class="boxShadow">
    <div id="choose_logo">
        <div class="choose_logo_text">Set Questions</div>
        <div class="choose_logo_img"></div>
    </div>
    <div id="content_left">
        <div id="courses">
            <div id="courses_title">Courses</div>
            <div id="courses_details">
                <ul id="courses_list">
                    <li class="li3"><div class="each_course_text">Principles of Database System</div></li>
                    <li class="li6"><div class="each_course_text">Data Mining</div></li>
                    <li class="li5"><div class="each_course_text">Artificial Intelligence</div></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="content_right">
        <div id="subjects_name">Principles of Database System</div>
        <form id="form1" action="#">
            <div id="paper_info">
                <label for="paper_name">Paper Name:</label><input id="paper_name" type="text" />
                <label for="paper_time">Total Time:</label><input id="paper_time" type="text" />
                <label for="paper_score">Total Score:</label><input id="paper_score" type="text" />
                <div id="paper_sub_info">
                    <label for="spare" class="spare_label">Is Spare Exam Paper:</label><input id="spare" type="checkbox" />
                    <div id="begin_end">
                        <label for="begin">Begin Date:</label><input id="begin" type="text" />
                        <label for="end">End Date:</label><input id="end" type="text" />
                    </div>
                </div>
            </div>
            <div class="subject" id="subject1">
                <div class="subject_title" id="subject_title1">
                    <div class="fold" id="fold1" subj="1"></div>
                    <div class="subject_title_content">
                        <div class="subject_num">1.</div>
                        <input type="text" class="ques_title" value="Question title"/>
                        <input type="text" class="ques_suf" value="Question surface"/>
                    </div>
                    <div class="add" subj="1" id="add_subj1"></div>
                    <div class="minus" subj="1" id="rm_subj1"></div>
                </div>
                <div class="difficluty">
                    <label for="">Difficulty:</label>
                    <select name="difficulty" class="select_difficulty">
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                          <option value="4">4</option>
                          <option value="5">5</option>
                    </select>
                </div>
                <div class="options" id="opt1">
                    <ul class="options_list">
                        <li id="li1_1">
                            <div class="alpha">A.</div>
                            <input type="text" class="option_content" value="option" name="txt1_1"/>
                            <div class="radio_t">
                                T:<input type="radio" name="radio1_1" value="T"/>
                            </div>
                            <div class="radio_f">
                                F:<input type="radio" name="radio1_1" value="F"/>
                            </div>
                        </li>
                        <li id="li1_2">
                            <div class="alpha">B.</div>
                            <input type="text" class="option_content" value="option" name="txt1_2"/>
                            <div class="radio_t">
                                T:<input type="radio" name="radio1_2" value="T"/>
                            </div>
                            <div class="radio_f">
                                F:<input type="radio" name="radio1_2" value="F"/>
                            </div>
                        </li>
                        <li id="li1_3">
                            <div class="alpha">C.</div>
                            <input type="text" class="option_content" value="option" name="txt1_3"/>
                            <div class="radio_t">
                                T:<input type="radio" name="radio1_3" value="T"/>
                            </div>
                            <div class="radio_f">
                                F:<input type="radio" name="radio1_3" value="F"/>
                            </div>
                        </li>
                        <li id="li1_4">
                            <div class="alpha">D.</div>
                            <input type="text" class="option_content" value="option" name="txt1_4"/>
                            <div class="radio_t">
                                T:<input type="radio" name="radio1_4" value="T"/>
                            </div>
                            <div class="radio_f">
                                F:<input type="radio" name="radio1_4" value="F"/>
                            </div>
                            <div class="remove_opt" id="remove_opt1_4" subj="1" seq="4"></div>
                            <div class="add_opt" id="add_opt1_4" subj="1" seq="4"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <input type="submit" value="Submit" class="set_submit"/>        
        </form>
    </div>
    <div id="content_bottom"></div>   
</div>
</div>
</body>
</html>
